<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>	
<!--web-fonts-->
 <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cabin:400,700,500,600' rel='stylesheet' type='text/css'>
<!--//web-fonts-->
	<!--search jQuery-->
	<script src="js/main.js"></script>
	<!--//search jQuery-->
</head>
<body>
	<!--start-header-->
	<div class="top-bar w3agile-3" id="home">
				<div class="container">
					<div class="row">
						<div class="col-md-8 top-left">
							<span class="phone">
								<i class="glyphicon glyphicon-phone"></i>
								<em>+1234567890</em>
							</span>
							<span class="email">
								<i class="glyphicon glyphicon-send"></i>
								<em><a href="mailto:info@example.com">mail@example.com</a></em>
							</span>
							<span class="location">
										<i class="glyphicon glyphicon-map-marker"></i>
										   <em>Sydney City</em>
									</span>
						</div>
						<div class="col-md-4 head-right wow fadeInDown"  data-wow-duration=".8s" data-wow-delay=".3s">
						   <ul class="top-icons">
									<li><a class="fb" href="#"></a></li>
									<li><a class="twitt" href="#"></a></li>
									<li><a class="goog" href="#"></a></li>
									<li><a class="drib" href="#"></a></li>
							   </ul>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
    </div>

<!-- //header -->
<!-- banner -->
	<div class="banner-1 agileinfo-3">
		<div class="container">
			<div class="header"><!--header-->	
				<nav class="navbar navbar-default">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<h1><a href="index.html">Cognate</a></h1>
					</div>
					<!--navbar-header-->
					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav navbar-right">
							<li><a href="index.html">Home</a></li>
							<li><a href="about.html" class="active">About</a></li>
							<li><a href="services.html">Services</a></li>
							<li><a href="codes.html">Codes</a></li>
							<li><a href="gallery.html">Gallery</a></li>
							<li><a href="contact.html">Contact</a></li>
						</ul>	
						<div class="clearfix"> </div>	
					</div>
				</nav>
			<div class="cd-main-header">
				<ul class="cd-header-buttons">
					<li><a class="cd-search-trigger" href="#cd-search"> <span></span></a></li>
				</ul> <!-- cd-header-buttons -->
			</div>
			<div id="cd-search" class="cd-search">
				<form action="#" method="post">
					<input name="Search" type="search" placeholder="Search...">
				</form>
			</div>
		</div>
		
		
		</div>
	</div>
<!-- //banner -->  
	 <!--/fashion-->
	  <div class="about w3-3">
		   <div class="container">
		   <h2 class="tit">About Us</h2>
			  
			  <div class="col-md-12 about_banner"><img src="images/ab1.jpg" class="img-responsive" alt=""/></div>
			  <div class="box_20">
				  <div class="col-sm-6 box_3">
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue dui</p>
				  </div>
				  <div class="col-sm-6 box_3">
					<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue dui</p>
				  </div>
				  <div class="clearfix"> </div>
			  </div>
		   </div>
		</div>

	<!--//fashion-->
	<!--/team-->
	<div class="team agileits-3">
		<div class="container"> 
			<h3 class="tit">Our Team</h3>
			<div class="main">
		<div class="col-md-3 team-sec">
				<div class="view fifth-effect">
					 <a href="#" title="Full Image"><img src="images/t1.jpg" class="img-responsive" alt="" /></a>
					 <div class="mask"></div>
					  
				</div>  
				 <div class="clearfix"></div>
				<div class="team-grid">
							   <h4>Tindra</h4>
							   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy. </p>
								   <ul class="top-icons team-icon">
											<li><a class="fb" href="#"></a></li>
											<li><a class="twitt" href="#"></a></li>
											<li><a class="goog" href="#"></a></li>
											<li><a class="drib" href="#"></a></li>
									   </ul>
						  </div>	
				  </div>	
				<div class="col-md-3 team-sec">
					<div class="view fifth-effect">
						 <a href="#" title="Full Image"><img src="images/t2.jpg" class="img-responsive" alt="" /></a>
						 <div class="mask"></div>
						 
					</div> 
					 <div class="clearfix"></div>
						<div class="team-grid">
							   <h4>Victoria</h4>
							    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy. </p>
								   <ul class="top-icons team-icon">
											<li><a class="fb" href="#"></a></li>
											<li><a class="twitt" href="#"></a></li>
											<li><a class="goog" href="#"></a></li>
											<li><a class="drib" href="#"></a></li>
									   </ul>
						  </div>					
				</div> 					
								
			   <div class="col-md-3 team-sec">
					<div class="view fifth-effect">
						 <a href="#" title="Full Image"><img src="images/t3.jpg" class="img-responsive" alt="" /></a>
						 <div class="mask"></div>
					</div> 
					 <div class="clearfix"></div>
					<div class="team-grid">
							   <h4>Alva</h4>
							    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy. </p>
								   <ul class="top-icons team-icon">
											<li><a class="fb" href="#"></a></li>
											<li><a class="twitt" href="#"></a></li>
											<li><a class="goog" href="#"></a></li>
											<li><a class="drib" href="#"></a></li>
									   </ul>
						  </div>					
				</div>				
				 <div class="col-md-3 team-sec">
					<div class="view fifth-effect">
						 <a href="#" title="Full Image"><img src="images/t4.jpg" class="img-responsive" alt="" /></a>
						 <div class="mask"></div>
					</div> 
					 <div class="clearfix"></div>
						<div class="team-grid">
							   <h4>Lovisa </h4>
							   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy. </p>
								   <ul class="top-icons team-icon">
											<li><a class="fb" href="#"></a></li>
											<li><a class="twitt" href="#"></a></li>
											<li><a class="goog" href="#"></a></li>
											<li><a class="drib" href="#"></a></li>
									   </ul>
						  </div>					
				
			   </div>
			   <div class="clearfix"></div>
			</div>
	   </div>
	</div>
	<!--//team-->
	<!-- /w3ls -->
	<div class="w3ls">
	<div class="container">
	<div class="col-md-4 w3ls-right">
			<h3>Contact Us</h3>
				<p class="para">Corrupti quos dolores et quas molestias excepturi .</p>
			<ul class="con-icons">
				<li><span class="glyphicon glyphicon-phone" aria-hidden="true"></span>+123 456 7890</li>
				<li><a href="mailto:info@example.com"><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>info@example.com</a></li>
				<li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>London, Jasmin Road</li>
			
			</ul>
			
		
		</div>
		<div class="col-md-4 w3ls-left">
			<h3>Information</h3>
			
			<p class="para">At vero eos et accusamus et iusto odio dignissimos
			ducimus qui blanditiis praesentium voluptatum deleniti at
			que corrupti quos dolores et quas molestias excepturi sint
			occaecati cupiditate non provident, similique sunt.</p>
			
		</div>
		<div class="col-md-4 w3ls-right">
			<h3>Follow Us</h3>
			
			<p class="para">voluptatum deleniti at
			que corrupti quos dolores et quas molestias excepturi sint
			occaecati cupiditate non provident, similique sunt.</p>
			<ul class="fb_icons">
				<li class="hvr-rectangle-out"><a class="fb" href="#"></a></li>
				<li class="hvr-rectangle-out"><a class="twit" href="#"></a></li>
				<li class="hvr-rectangle-out"><a class="goog" href="#"></a></li>
				<li class="hvr-rectangle-out"><a class="pin" href="#"></a></li>
				<li class="hvr-rectangle-out"><a class="drib" href="#"></a></li>
			</ul>
		</div>
	
		<div class="clearfix"></div>
		<p class="copy-right">Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
			
	</div>
</div>
	<!-- //w3ls -->
</body>
</html>